<template>
	<view class="rule-win">
		<view class="cu-modal" :class="{'show':show}">
			<view class="cu-dialog" style="width: 560rpx;">
				<view class="cu-bar bg-white justify-end">
					<view class="content"></view>
					<view class="action" style="align-items: normal;padding-top: 30rpx;">
						<text class="cuIcon-close text-red" style="height: 40rpx;" @click="close"></text>
					</view>
					<view class="imgIms flex flex-center flex-align">
						<image src="/static/ziti.png" mode=""></image>
					</view>
				</view>
				<view class="rule-content">
					<view class="wenzi">绑定小区</view>
					<view class="btns" @click="onSkip('/pages/shequ/shequ?type='+type+'&zhiboid='+zhiboid+'&shopId='+shopId)">去选择</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'tuiShequ',
		props: {
			//控制显示
			show: {
				type: Boolean,
				default: false
			},
			type: {
				type: String,
				default: ''
			},
			show: {
				type: Boolean,
				default: ''
			},
			zhiboid:{
				type:String,
				default: ''
			},
			shopId:{
				type:String,
				default: ''
			},
			data:{
				type:Object,
				default: function() {
					return {
						money: 0, 
						yue: 60
					}
				}
			},
		},
		data() {
			return {
				
			};
		},
		ready(){
			
		},
		created(){
			
		},
		methods: {
			close() {
				this.$emit("close",{})
			},
			
			onSkip(e){
				this.tui.href(e)
				this.$emit("close",{})
			},
			
		}
	}
</script>

<style lang="scss">
	.rule-win{
		.cu-bar{background: #ff0101;height: 240rpx;position: relative;
			.text-red{color: #fff;font-weight: bold;}
			.imgIms{width: 160rpx;height: 160rpx;position: absolute;bottom: -50rpx;left: 50%;margin-left: -80rpx;background: #fff;border-radius: 100%;
				image{width: 130rpx;height: 130rpx;}
			}
		}
		.rule-content{background: #fff;
			padding: 60rpx 4% 40rpx;
			text-align: center;
			.wenzi{font-weight: bold;font-size: 30rpx;margin-bottom: 20rpx;}
			.tishi{color: #999;font-size:24rpx;padding: 10rpx 0 0 0;}
			.btns{width: 240rpx;color: #fff;line-height: 70rpx;border-radius: 6rpx;background: #ff0101;margin: 40rpx auto 0;}
		}
	}
</style>